<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
        <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />
    </head>
    <body>

    <h1 class="top_title">
        <a id="logo_text">Dobot 手势控制游戏</a>
    </h1>

        <div id="page1">
            <div class="row">
                <div class="col-sm-12">
                    <div class="center-block">
                        <ul id="guide">
                            <li class="center-block">
                                <img  src="css/img/g1.png"  class="img-responsive center-block">
                            </li>
                            <li class="center-block">
                                <img src="css/img/g2.png"  class="img-responsive center-block">
                            </li>
                            <li class="center-block">
                                <img src="css/img/g3.png"  class="img-responsive center-block">
                            </li>
                        </ul>
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="center-block text_cent info_text">
                    <span id="connect_state">请连接机械臂</span>
                </div>
            </div>


            <div class="row">
                <img src="css/img/start.png"  class="img-responsive center-block" id="start_btn">
            </div>




        </div>


        <div id="page2">

            <div class="row">

                <div id="page2_cont">
                    <div class="center-block" id="run_gif_logo">
                        <img src="css/img/game.gif"  class="img-responsive center-block">
                    </div>

                    <div class="text_cent info_big_box">
                        <span class="info_big_text ">已经用时</span>
                    </div>

                    <div class="text_cent time_big_box">
                        <span class="time_big_text " id="time_cnt">10 S</span>
                    </div>
                </div>
            </div>

            <div class="row">
                <img src="css/img/stop.png"  class="img-responsive center-block" id="stop_btn">
            </div>
        </div>



        <div id="page3">
            <div class="container">
                <div class="last_rank" >
                    <div class="l_r_let_img">
                        <img src="css/img/p3logo.png"  class="img-responsive">
                    </div>
                    <div class="l_r_cent">
                        <h2>您一共用时:</h2>
                        <p></p>
                        <h3></h3>
                    </div>
                    <div class="l_r_rit_rank">
                        <ul id="ul">
                            <li>
                                <span></span>
                                <img src="css/img/rank1.png" alt="">
                            </li>
                            <li>
                                <span></span>
                                <img src="css/img/rank2.png" alt="">
                            </li>
                            <li>
                                <span></span>
                                <img src="css/img/rank3.png" alt="">
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                <div class="row">
                    <img src="css/img/replay.png"  class="img-responsive center-block" id="replay_btn">
                </div>
        </div>



        <div id="main_bg">
            <img src="css/img/bg.png" id="bigpic" width="1142" height="662">
        </div>

        <!--<div class="">-->
            <!--<div>-->
                <!--<textarea id="output"></textarea><br />-->
                <!--<input id="input" />-->
                <!--<input type="submit" id="send" value="发送文本" />-->
            <!--</div>-->

            <!--<button class="btn btn-danger">test</button>-->
        <!--</div>-->
    </body>




    <script type="text/javascript" src="jquery1.js"></script>
    <script type="text/javascript" src="bootstrap1.js"></script>
    <script type="text/javascript" src="qwebchannel.js"></script>
    <script type="text/javascript" src="index.js"></script>

</html>
